<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>Home Page</title>

<style type="text/css">
@import url("Css/home.css");
@import url("Css/navcss.css");
@import url("Css/slide.css");
@import url("Css/content.css");
@import url("Css/footer.css");
@import url("Css/search.css");



</style>
</head>

<body>
	<div class="container">
   	  <div id="contentnav">
            <ul id="nav">
                <li><a href="#">Home</a></li>
                <li><a class="hsubs" href="#">Menu 1</a>
                    <ul class="subs">
                        <li><a href="#">Submenu 1</a></li>
                        <li><a href="#">Submenu 2</a></li>
                        <li><a href="#">Submenu 3</a></li>
                        <li><a href="#">Submenu 4</a></li>
                        <li><a href="#">Submenu 5</a></li>
                    </ul>
                </li>
                <li><a class="hsubs" href="#">Menu 2</a>
                    <ul class="subs">
                        <li><a href="#">Submenu 2-1</a></li>
                        <li><a href="#">Submenu 2-2</a></li>
                        <li><a href="#">Submenu 2-3</a></li>
                        <li><a href="#">Submenu 2-4</a></li>
                        <li><a href="#">Submenu 2-5</a></li>
                        <li><a href="#">Submenu 2-6</a></li>
                        <li><a href="#">Submenu 2-7</a></li>
                        <li><a href="#">Submenu 2-8</a></li>
                    </ul>
                </li>
                <li><a class="hsubs" href="#">Menu 3</a>
                    <ul class="subs">
                        <li><a href="#">Submenu 3-1</a></li>
                        <li><a href="#">Submenu 3-2</a></li>
                        <li><a href="#">Submenu 3-3</a></li>
                        <li><a href="#">Submenu 3-4</a></li>
                        <li><a href="#">Submenu 3-5</a></li>
                    </ul>
                </li>
                <li><a href="#">Menu 4</a></li>
                <li><a href="#">Menu 5</a></li>
                <li><a href="#">Menu 6</a></li>
                <div id="lavalamp"></div>
              	<div id="logo"></div> 
                <div id="login">
                   	<a href="#login_form" id="login_pop" class="button">Log In</a>
					<a href="#join_form" id="join_pop" class="button">Sign Up</a>
                </div>
                	<a href="#x" class="overlay" id="login_form"></a>
                <div class="popup">
                	<h2>Welcome Guest!</h2>
                	<p>Please enter your login and password here</p>
                    <div>
                        <label for="login">Login</label>
                        <input type="text" id="" value="" />
                    </div>
                    <div>
                        <label for="password">Password</label>
                        <input type="password" id="password" value="" />
                    </div>
                	<input type="button" value="Log In" class="button"/>
                	<a class="close" href="#close"></a>
                </div><!--End tag div popup-->   
                  <!-- popup form #2 -->
       				<a href="#x" class="overlay" id="join_form"></a>
       			<div class="popup">
            		<h2>Sign Up</h2>
            			<p>Please enter your details here</p>
            		<div>
                        <label for="email">Login (Email)</label>
                        <input type="text" id="email" value="" />
           			</div>
            		<div>
                        <label for="pass">Password</label>
                        <input type="password" id="pass" value="" />
            		</div>
           			<div>
                        <label for="firstname">First name</label>
                        <input type="text" id="firstname" value="" />
            		</div>
                    <div>
                        <label for="lastname">Last name</label>
                        <input type="text" id="lastname" value="" />
                    </div>
                    <input type="button" value="Sign Up" class="button"/>
                    <a class="close" href="#close"></a>
                </div><!--End tag div popup-->               
        </ul>
         </div><!--End tag div nav-->
  	  <div id="slide">
                <input type="radio" id="image1" name="slide" class="input" checked/>
                <label for="image1" class="label" id="button1"></label><!--button 1-->
                         
                <input type="radio" id="image2" name="slide" class="input"/>
                <label for="image2" class="label" id="button2"></label><!--button 2-->
                         
                <input type="radio" id="image3" name="slide" class="input"/>
                <label for="image3" class="label" id="button3"></label><!--button 3-->
                         
                <input type="radio" id="image4" name="slide" class="input"/>
                <label for="image4" class="label" id="button4"></label><!--button 4-->           
            <div id="slide-wrap">
                    <img src="Images/bus1.jpg">
                    <img src="Images/bus5.jpg">
                    <img src="Images/bus3.jpg">
                    <img src="Images/bus4.jpg">
            </div><!--End tag div slide-wrap-->     
      </div><!--End tag div slide-->
      <div id="content">
		<div id="title">                
                        <div id="box" class="box">                                              			
                             <p align="center" style="color:#FFFFFF; background:#133982">Busticket</p>
                             <p style="color:#000; font-weight:bold; margin:1em 0em 0em 2.5em;display:inline-block">Leaving from</p>                        	
                             <p style="color:#000; font-weight:bold; margin:1em 0em 0em 5em;display:inline-block">Going to</p><br/>	
                             <select style="margin:1em 0em 0em 3em">
                                <option>Hcm</option>
                                <option>Hn</option>
               				 </select>
                             <select style="margin:1em 0em 0em 10.3em">
                                <option>Hcm</option>
                                <option>Hn</option>
               				 </select>
                             
                             <p class="leavingfrom" style="color:#000; margin:1em 0em 0em 2em">Kéo Ngày Tháng Năm Vào:</p>
               				 <input name="" type="button" value="Seach For Bus" class="button" style="margin:1em 0em 0em 2em">
                             
                        </div><!--End tag div box--> 						
                        <div class="box1">
                        	 <p style="color:#3E4F90; font-size:14px; margin-left:1em">Quý khách có thể</p>
								<p style="color:#0B1E6F; font-size:20px; margin-left:1em">mua vé máy bay bằng các hình thức</p>

                                <p style="color:#5C5C5C;margin:0.5em 0em 0em 1em; display:inline; font-size:24px; font-weight:lighter">1.</p>
                                <p style="color:#0B1E6F;margin:0.5em 0em 0em 0em; display:inline;font-size:14px">Trực tiếp lên website, nhanh nhất - tiện nhất</p><br/>
                               	<p style="color:#5C5C5C;margin:0.5em 0em 0em 1em; display:inline; font-size:24px; font-weight:lighter">2.</p>
                                <p style="color:#0B1E6F;margin:0.5em 0em 0em 0em; display:inline;font-size:14px">Gọi điện thoại cho Abay</p><br/>
                                <img src="Image/phone_number.png" width="24" height="24" style="margin-left:2em"><p style="color:#0B1E6F;margin:0.5em 0em 0em 0.5em; display:inline;font-size:14px;">Sài Gòn - Hà Nội: 0912.888.758 - 0912.888.758</p>
                                <p style="color:#5C5C5C;margin:0.5em 0em 0em 1em; display:inline; font-size:24px; font-weight:lighter">3.</p>
                                <p style="color:#0B1E6F;margin:0.5em 0em 0em 0em; display:inline;font-size:14px">Qua Chat</p><br/>
                                <img src="Image/yahoo_messenger.png" style="margin:0.5em 0em 0em 3em">
                                <p style="display:inline;color:#0B1E6F">Mr.Duy</p>
                                <img src="Image/yahoo_messenger.png" style="margin:0.5em 0em 0em 3em">
                                <p style="display:inline;color:#0B1E6F">Mr.Nam</p><br/>                               
                                <p style="color:#5C5C5C;margin:0.5em 0em 0em 1em; font-size:24px;font-weight:lighter ;display:inline">4.</p> 
                                <p style="color:#0B1E6F;margin:0.5em 0em 0em 0em; display:inline;font-size:14px">Đến trực tiếp văn phòng Abay</p><br/>
                               	<p style="color:#0B1E6F;margin:0.5em 0em 0em 5em; display:inline;font-size:14px">Địa Chỉ: Tphcm , Hn</p>
                        </div>                                                                                
       	</div><!--End tag div title-->               
      </div><!--End tag div content-->
          <div id="footer">
                <p class="cty">CÔng Ty Cổ Phần MWG</p>
                <p class="diachi">Số 32 Đường D2 Quận Bình Thạnh. Liên Hệ:19001580 . Mr:MWG</p>
                <div class="lienhe"> 
                    <a href="#"><img src="Images/th_facebook-128.png"></a>
                    <a href="#"><img src="Images/Email.png"></a>
                </div>    
          </div><!--End tag div footer-->    
	</div><!--End tag div container-->
</body>
</html>
